<template>
	<view class="mine_page tab-bar-page">
		<Mine>
			<template #content>
				<van-tabs v-model:active="active" type="card" :lazy-render="false">
					<van-tab title="我的审批">
						<Content />
					</van-tab>
					<van-tab title="预约记录">
						<Record />
					</van-tab>
				</van-tabs>
			</template>
		</Mine>
	</view>
</template>
<script setup>
import Mine from "../components/index.vue";
import Content from "./content.vue";
import Record from "./record.vue";

const active = ref(0);
const useTabBar = useTabBarStore();
onShow(() => {
	useTabBar.setTab();
});
</script>
<style lang="scss" scoped>
.mine_page {
	:deep(.van-tabs, ) {
		height: 100%;
		background-color: $uni-bg-color !important;
	}
	:deep(.van-tabs__nav) {
		// background-color: $uni-bg-color-grey !important;
	}
	:deep(.van-tab__panel) {
		height: 100%;
	}
	:deep(.van-tabs__content) {
		height: calc(100% - var(--van-tabs-line-height));
	}
}
</style>
